<template>
    <div>
        <div class="homeMain-title">
            <span class="d-ib" style="cursor: pointer;" @click="goToBacklogModuleList">
            待办事项<span style="color:rgb(255, 0, 0)">({{totalElements}})</span>
            </span>
        </div>
        <div class="mt-10">
            <Table :columns="backlogModuleListColumns"
                   :data="backlogModuleListData" height="280"></Table>
            <div @click="goToBacklogModuleList" class="newMoreStyle">
                查看更多>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'backlogModule',
        data () {
            return {
                backlogModuleListColumns: [
                    // {
                    //     title: '序号',
                    //     key: 'index',
                    //     align: 'center',
                    //     // width: 80,
                    //     // fixed: 'left',
                    //     render: (h, params) => {
                    //         return h('span', {
                    //             props: {}
                    //         }, params.row._index + 1);
                    //     }
                    // }, {
                    //     title: '发起人',
                    //     key: 'startUserName',
                    //     align: 'center'
                    //     // width: 100,
                    //     // fixed: 'left'
                    // },
                    {
                        title: '待办事项',
                        key: 'title',
                        ellipsis: true,
                        maxWidth: 260,
                        render: (h, params) => {
                            return h('span', {
                                props: {},
                                on: {
                                    click: () => {
                                        this.goToBacklogModule(params.row.resourceId, params.row.resourceId, params.row.link);
                                    }
                                },
                                style: {
                                    cursor: 'pointer'
                                }
                            }, params.row.title);
                        }
                    },
                    // {
                    //     title: '公司',
                    //     key: 'companyName',
                    //     align: 'center'
                    //     // minWidth: 200
                    // },
                    {
                        title: '发起时间',
                        key: 'createTime',
                        align: 'left'
                        // width: 150
                    }
                ],
                backlogModuleListData: [],
                totalElements: 0
            };
        },
        mounted () {
            this.loadBacklogModuleListData();
        },
        methods: {
            loadBacklogModuleListData () {
                depot.get({
                    url: this.URL.USER.FIND_BACKLOG_LIST_BY_PAGE_AND_WAITING,
                    cb: (data) => {
                        if (data.code === 0) {
                            if (data.data.content.length > 5) {
                                this.backlogModuleListData = data.data.content.slice(0, 5);
                            } else {
                                this.backlogModuleListData = data.data.content;
                            }
                            this.totalElements = data.data.totalElements;
                        } else if (data.code === 999) {
                            this.$Message.error(data.message);
                        }
                    },
                    ce: (error) => {
                    }
                });
            },
            goToBacklogModule (id, resourceId, link) {
                if (!id && !link) {
                    this.$Message.error('无法获取任务类型，请刷新后重试');
                    return;
                }
                // 目前这里只有两种跳转方式
                // 1：工作流 resourceId就是taskInfoId
                // 2: 调级 调级不需要传值
                this.$router.push({
                    name: link,
                    params: {
                        missionId: resourceId
                    }
                });
            },
            goToBacklogModuleList () {
                this.$store.commit('setBacklogNum', this.totalElements);
                this.$router.push({
                    name: 'backlogModuleList',
                    params: {
                    }
                });
            }
        }
    };
</script>

<style scoped>

</style>